<template>
  <div class="about">
    <el-container>
      <el-aside width="200px">
        <!-- 左侧导航栏 -->
        <NavMenu
      /></el-aside>
      <el-container>
        <el-header
          ><!-- 上方导航栏 -->
          <Header
        /></el-header>
        <el-main>
          <router-view />
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import NavMenu from "@/views/home/NavMenu";
import Header from "@/views/home/Header";
export default {
  components: {
    NavMenu,
    Header,
  },
};
</script>

<style scoped>
.about {
  height: 100%;
}
.el-container {
  height: 100%;
}
.el-header {
  background-color: #26466b;
}
.el-aside {
  background-color: #18314d;
}

.el-main {
  height: 100%;
  background-color: #e9eef3;
}
</style>